<template>
	<view class="talent-list-item">
		
				<!-- 取消候选模态框 -->
				<view class="cu-modal" :class="modalName=='DialogModal1'?'show':''">
					<view class="cu-dialog set-width">
						<view class="cu-bar justify-end changebgc">
							<view class="content text-white top-title">取消候选</view>
							<view class="action" @tap="hideModal">
								<text class="cuIcon-close text-white"></text>
							</view>
						</view>
						<view class="cu-form-group set-height">
							<textarea class="set-textarea" maxlength="-1" v-model="remark1" :disabled="modalName1!=null" @input="remark" placeholder="多行文本输入框"></textarea>
						</view>
						<view class="cu-bar bg-white set-bottom">
							<view class="flex">
								<view class="set-btn1" @tap="hideModal">取消</view>
								<view class="cu-btn set-btn2" @tap="handleClickFilterCancel">确定</view>
							</view>
						</view>
					</view>
				<!-- 进入面试模态框 -->
					<view class="cu-dialog set-width">
						<view class="cu-bar justify-end changebgc">
							<view class="content text-white top-title">进入面试</view>
							<view class="action" @tap="hideModal">
								<text class="cuIcon-close text-white"></text>
							</view>
						</view>
						<view class="cu-form-group set-height">
							确定进入面试吗？
						</view>
						<view class="cu-bar bg-white set-bottom">
							<view class="flex">
								<view class="set-btn1" @tap="hideModal">取消</view>
								<view class="cu-btn set-btn2" @tap="handleClickEnter">确定</view>
							</view>
						</view>
					</view>
				<!-- 面试不通过模态框 -->
					<view class="cu-dialog set-width">
						<view class="cu-bar justify-end changebgc">
							<view class="content text-white top-title">面试不通过</view>
							<view class="action" @tap="hideModal">
								<text class="cuIcon-close text-white"></text>
							</view>
						</view>
						<view class="cu-form-group set-height">
							<textarea class="set-textarea" maxlength="-1" v-model="remark2" :disabled="modalName1!=null" @input="remark" placeholder="多行文本输入框"></textarea>
						</view>
						<view class="cu-bar bg-white set-bottom">
							<view class="flex">
								<view class="set-btn1" @tap="hideModal">取消</view>
								<view class="cu-btn set-btn2" @tap="handleClickFailInterview">确定</view>
							</view>
						</view>
					</view>
				<!-- 进入体检模态框 -->
					<view class="cu-dialog set-width">
						<view class="cu-bar justify-end changebgc">
							<view class="content text-white top-title">进入体检</view>
							<view class="action" @tap="hideModal">
								<text class="cuIcon-close text-white"></text>
							</view>
						</view>
						<view class="cu-form-group set-height">
							<textarea class="set-textarea" maxlength="-1" v-model="remark3" :disabled="modalName1!=null" @input="remark" placeholder="多行文本输入框"></textarea>
						</view>
						<view class="cu-bar bg-white set-bottom">
							<view class="flex">
								<view class="set-btn1" @tap="hideModal">取消</view>
								<view class="cu-btn set-btn2" @tap="handleClickEnterHealth">确定</view>
							</view>
						</view>
					</view>
				<!-- 体检不通过模态框 -->
					<view class="cu-dialog set-width">
						<view class="cu-bar justify-end changebgc">
							<view class="content text-white top-title">体检不通过</view>
							<view class="action" @tap="hideModal">
								<text class="cuIcon-close text-white"></text>
							</view>
						</view>
						<view class="cu-form-group set-height">
							<textarea class="set-textarea" maxlength="-1" v-model="remark4" :disabled="modalName1!=null" @input="remark" placeholder="多行文本输入框"></textarea>
						</view>
						<view class="cu-bar bg-white set-bottom">
							<view class="flex">
								<view class="set-btn1" @tap="hideModal">取消</view>
								<view class="cu-btn set-btn2" @tap="handleClickUnsuccessPhysical">确定</view>
							</view>
						</view>
					</view>
				<!-- 体检通过模态框 -->
					<view class="cu-dialog set-width">
						<view class="cu-bar justify-end changebgc">
							<view class="content text-white top-title">体检通过</view>
							<view class="action" @tap="hideModal">
								<text class="cuIcon-close text-white"></text>
							</view>
						</view>
						<view class="cu-form-group set-height">
							<textarea class="set-textarea" maxlength="-1" v-model="remark5" :disabled="modalName1!=null" @input="remark" placeholder="多行文本输入框"></textarea>
						</view>
						<view class="cu-bar bg-white set-bottom">
							<view class="flex">
								<view class="set-btn1" @tap="hideModal">取消</view>
								<view class="cu-btn set-btn2" @tap="handleClickSuccessPhysical">确定</view>
							</view>
						</view>
					</view>
				<!-- 放弃入职模态框 -->
					<view class="cu-dialog set-width">
						<view class="cu-bar justify-end changebgc">
							<view class="content text-white top-title">放弃入职</view>
							<view class="action" @tap="hideModal">
								<text class="cuIcon-close text-white"></text>
							</view>
						</view>
						<view class="set-padding">
							<view class="flex flex-mine">
								<view class="title-h2">姓名:</view>
								<view class="detail-h2">{{item.name}}</view>
							</view>
							<view class="flex-mine">
								<view class="detail-h2">确定该人才未入职吗？确认未入职后，该人才信息将进入简历库。</view>
							</view>
						</view>
						<view class="cu-bar bg-white set-bottom">
							<view class="flex">
								<view class="set-btn1" @tap="hideModal">取消</view>
								<view class="cu-btn set-btn2" @tap="handleClickGiveupEntry">确定</view>
							</view>
						</view>
					</view>
				<!-- 离职模态框 -->
					<view class="cu-dialog set-width">
						<view class="cu-bar justify-end changebgc">
							<view class="content text-white top-title">离职</view>
							<view class="action" @tap="hideModal">
								<text class="cuIcon-close text-white"></text>
							</view>
						</view>
						<view class="set-padding">
							<view class="flex flex-mine">
								<view class="title-h2">姓名:</view>
								<view class="detail-h2">{{item.name}}</view>
							</view>
							<view class="cu-form-group">
								<view class="title">离职时间</view>
								<picker mode="date" :value="date || 0" start="2015-09-01" end="2020-09-01" @change="DateChange">
									<view class="picker">
										{{date || '请选择'}}
									</view>
								</picker>
							</view>
							<view class="cu-form-group margin-top">
								<view class="title">离职类型</view>
								<picker @change="PickerChange" :value="index11" :range="picker">
									<view class="picker">
										{{index11>-1?picker[index11]:'请选择'}}
									</view>
								</picker>
							</view>
							<view class="cu-form-group">
								<view class="title">薪资结算日</view>
								<picker mode="date" :value="date1 || 0" start="2015-09-01" end="2020-09-01" @change="DateChange1">
									<view class="picker">
										{{date1 || '请选择'}}
									</view>
								</picker>
							</view>
							<view class="cu-form-group set-height">
								<textarea class="set-textarea" maxlength="-1" v-model="remark6" :disabled="modalName1!=null" @input="remark" placeholder="离职原因"></textarea>
							</view>
						</view>
						<view class="leavemsg">{{leaveMsg}}</view>
						<view class="cu-bar bg-white set-bottom">
							<view class="flex">
								<view class="set-btn1" @tap="hideModal">取消</view>
								<view class="cu-btn set-btn2" @tap="handleClickManageLeave">确定</view>
							</view>
						</view>
					</view>
				<!-- 更换岗位模态框 -->
				<!-- <changePost :item="item" :modalName = "modalName" ></changePost> -->
					<view class="cu-dialog set-width">
						<view class="cu-bar justify-end changebgc">
							<view class="content text-white top-title">更换岗位</view>
							<view class="action" @tap="hideModal">
								<text class="cuIcon-close text-white"></text>
							</view>
						</view>
						<view class="set-padding">
							<view class="flex flex-mine">
								<view class="title-h2">姓名:</view>
								<view class="detail-h2">{{item.name}}</view>
							</view>
							<view class="flex-mine">
								<view class="form-item cu-form-group">
									<view class="title">岗位</view>
									<picker @change="PickerChange1" :value="index1" :range="picker1" range-key="position_type_name">
										<view class="picker">
											{{index1>-1?picker1[index1].position_type_name:'请选择'}}
										</view>
									</picker>
								</view>
							</view>
						</view>
						<view class="cu-bar bg-white set-bottom">
							<view class="flex">
								<view class="set-btn1" @tap="hideModal">取消</view>
								<view class="cu-btn set-btn2" @tap="handleClickChangePost">确定</view>
							</view>
						</view>
					</view>
				<!-- 恢复可用模态框 -->
					<view class="cu-dialog set-width">
						<view class="cu-bar justify-end changebgc">
							<view class="content text-white top-title">恢复可用</view>
							<view class="action" @tap="hideModal">
								<text class="cuIcon-close text-white"></text>
							</view>
						</view>
						<view class="set-padding">
							<view class="flex flex-mine">
								<view class="title-h2">姓名:</view>
								<view class="detail-h2">{{item.name}}</view>
							</view>
							<view class="flex-mine">
								<view class="detail-h2">确定恢复当前人才的可用状态吗？</view>
							</view>
						</view>
						<view class="cu-bar bg-white set-bottom">
							<view class="flex">
								<view class="set-btn1" @tap="hideModal">取消</view>
								<view class="cu-btn set-btn2" @tap="handleClickRecoverUse">确定</view>
							</view>
						</view>
					</view>
				<!-- 不可用模态框 -->
					<view class="cu-dialog set-width">
						<view class="cu-bar justify-end changebgc">
							<view class="content text-white top-title">不可用</view>
							<view class="action" @tap="hideModal">
								<text class="cuIcon-close text-white"></text>
							</view>
						</view>
						<view class="set-padding">
							<view class="flex flex-mine">
								<view class="title-h2">姓名:</view>
								<view class="detail-h2">{{item.name}}</view>
							</view>
							<view class="flex-mine">
								<view class="detail-h2">确定将当前人才置为不可用吗？</view>
							</view>
						</view>
						<view class="cu-bar bg-white set-bottom">
							<view class="flex">
								<view class="set-btn1" @tap="hideModal">取消</view>
								<view class="cu-btn set-btn2" @tap="handleClickDisabled">确定</view>
							</view>
						</view>
					</view>
				</view>
	</view>
</template>

<script scoped>
	export default {
		components: {
		}, 
		props:{
			getFilterList: {
				type: Function,
				default: null
			},
			// item:Object,
			index:Number,
			tabnum:{ 
				type:String,
				default:'0'
			},
		},
		data() {
			return {
				position_id:'', //调换岗位
				picker1: [],
				index1: -1,
				leaveMsg:'',//离职错误提示
				index11: -1,
				item:{},
				remark1:'',//取消候选的备注
				remark2:'', //面试不通过备注
				remark3:'', //进入体检备注
				remark4:'', //体检不通过
				remark5:'', //体检通过
				remark6:'', //离职
				leaveCase:'',//传给后台的离职类型
				Images: this.Images,
				modalName: null,
				modalName1: null,
				date: '', //日期选择
				date1: '', //薪资结算日
				picker: ['主动申请', '单位辞退', '合同到期不续签'],//离职类型
				token:'',
			}
		},
		methods: {
		},
		mounted(){
			
		}
	}
</script>

<style scoped lang="stylus">
	.leavemsg{
		height:30upx;
		font-size:28upx;
		margin-bottom:20upx;
		color:red;
	}
	// 放弃入职模态框样式
		.top-title{
			margin-right:350upx;
			font-size:28upx;
			font-weight:400;
			color:rgba(255,255,255,1);
		}
		.set-width{
			width:540upx;
		}
		.set-padding{
			padding:30upx 28upx 30upx 30upx;
		}
		.changebgc{
			background:#4A90E2;
			height:70upx!important;
		}
		.flex-mine{
			margin-bottom:30upx;
			align-items:center;
		}
		.title-h2{
			font-size:30upx;
			color:#666;
		}
		.detail-h2{
			text-align:left;
			font-size:30upx;
			color:#333;
			font-weight:400;
		}
		.inp-model{
			height:60upx;
			width:318upx;
			background:#F3F3F3;
			line-height:60upx;
			justify-content:space-between;
			padding:0 26upx;
			font-size:30upx;
			color:#333;
		}
		.set-bottom{
			height:92upx;
			line-height:92upx;
		}
		.set-btn1{
			height:92upx;
			line-height:92upx;
			background:#fff;
			border-right:1px solid #D8D8D8;
			border-top:1px solid #D8D8D8;
			width:270upx;
			font-size:30upx;
			text-align:center;
			color:#333;
		}
		.set-btn2{
			height:92upx;
			line-height:92upx;
			background:#fff;
			width:268upx;
			border-top:1px solid #D8D8D8;
			font-size:30upx;
			text-align:center;
			color:#4A90E2;
		}
// 
	.source{
		margin:24upx 0;
		.source-title{
			font-size:28upx;
			font-weight:400;
			color:rgba(153,153,153,1);
		}
		.source-detail{
			font-size:28upx;
			font-weight:400;
			margin-left:24upx;
			color:rgba(51,51,51,1);
		}
	}
	.talent-list-item {
		padding: 30upx 0;
		margin-bottom: 20upx;
		background-color: #FFFFFF;
		
	}
	.talent-name {
		font-size: 36upx;
		color: #333333;
		margin-right: 20upx;
	}
	.set-height{
		height:300upx;
	}
	.talent-profile-info {
		margin: 10upx 0 20upx;
	}
	.detail-item {
		color: #666666;
		font-size: 28upx;
		margin-right: 20upx;
	}
	.detail-item-cur {
		color: #333333;
	}
	.detail-right-con {
		width: 40upx;
		height: 40upx;
		margin-left: 10upx;
	}
	.horizontal-line {
		margin: 20upx 0;
	}
	.btn-item {
		flex: 1;
		border: none;
	}
	.btn-item .btn-icon {
		margin-top: 10upx;
	}
	.recommend-btn-item .btn-icon {
		margin-top: 0;
		margin-right: 10upx;
	}
	.vertical-line {
		height: 80upx;
	}
	.set-bottom{
		height:92upx;
		line-height:92upx;
	}
	.set-width{
		width:540upx;
	}
	.set-btn1{
		height:92upx;
		line-height:92upx;
		background:#fff;
		border-right:1px solid #D8D8D8;
		border-top:1px solid #D8D8D8;
		width:270upx;
		font-size:30upx;
		text-align:center;
		color:#333;
	}
	.set-btn2{
		height:92upx;
		line-height:92upx;
		background:#fff;
		width:268upx;
		border-top:1px solid #D8D8D8;
		font-size:30upx;
		text-align:center;
		color:#4A90E2;
	}
	.set-textarea{
		padding: 0 10rpx;
		background:#F3F3F3;
		flex: 1;
		height:160upx;
		margin-top:0;
		text-align:left;
	}
	.btn-title{
		margin-top:10upx;
	}
	.one-title{
		margin-left:6upx;
	}
</style>
